<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的收藏</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>

        .list{}
        .list ul li{padding: 8px 10px;position: relative;display: -webkit-box;display: box;}
        .list .left{width: 50px;height: 50px;background-size: cover;background-position: center;}
        .list .right{margin-left: 10px;-webkit-box-flex: 1;box-flex: 1;color: #333;}
        .list .right .top{font-size: 15px;margin-top: 5px;}
        .list .right .top .vip-name{color: #e60014;}
        .list .right .top .sex{color: #049cce;}
        .list .right .top .star{color: #fec015;}
    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>
    <header class="header header2">
        <div class="header-fixed">
            <div class="left">
                <a href="javascript:window.history.back();">
                    <i class="iconfont icon-arrowleft"></i>
                </a>
            </div>
            <div class="center">我的收藏</div>
        </div>
    </header>
    <div class="content">
        <div class="personal list">
            <ul>
                <li class="bottom-line">
                    <div class="left" style="background-image: url('../img/pic_renter.png')"></div>
                    <div class="right">
                        <div class="top">
                            <span class="vip-name"><i class="iconfont icon-vip"></i><b>小明</b></span>
                            <span class="sex"><i class="iconfont icon-women"></i></span>
                            <span class="star"><i class="iconfont icon-star2"></i></span>
                        </div>
                    </div>
                </li>
                <li class="bottom-line">
                    <div class="left" style="background-image: url('../img/pic_renter.png')"></div>
                    <div class="right">
                        <div class="top">
                            <span>小明</span>
                            <span class="sex"><i class="iconfont icon-women"></i></span>
                            <span class="star"><i class="iconfont icon-star2"></i></span>
                        </div>
                    </div>
                </li>
                <li class="bottom-line">
                    <div class="left" style="background-image: url('../img/pic_renter.png')"></div>
                    <div class="right">
                        <div class="top">
                            <span>小明</span>
                            <span class="sex"><i class="iconfont icon-women"></i></span>
                            <span class="star"><i class="iconfont icon-star2"></i></span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>